@charset "utf-8";
@import "common";
.web{
	header{
		.img-box{
			width: 181px;
			height: 41px;
			overflow: hidden;
			margin: 60px 0 17px 9.23%;
			img{height: 100%;}
		}
		nav{
			padding: 13px 0 10px;
			background-color: #ccd5df;
			text-align: center;
			ul{
				display: inline-block;
				li{
					width: 123px;
					text-align: center;
					position: relative;
					a{
						color: #676666;
						font-size: 12px;
						display: inline-block;
						span{
							display: block;
							transform: scale(0.67);
						}
					}
					&:hover a{
						color: #006965;
					}
				}
				li:not(:last-child)::after{
					content: "";
					display: block;
					width: 1px;
					height: 24px;
					background-color: #a5a8af;
					position: absolute;
					right: 0;
					top: 50%;
					margin-top: -12px;
					
				}
			}
		}
	}
	main{
		width: 100%;
		height: 1600px;
		.content-left{
			width: 380px;
			text-align: right;
			h4{
				width: 100%;
				text-align: right;
				padding-top: 96px;;
			}
			h3{
				width: 100%;
				text-align: right;
			}
			ul{
				width: 100%;
				text-align: right;
				li{
					padding-top: 28px;
					a{
						color: #676666;
						display: block;
						.span1{
							display: block;
							font-size: 16px;
						}
						.span2{
							display: block;
							font-size: 12px;
							// transform: scale(0.9);
						}
					}
				}
			}
		}
		.content-right{
			padding: 100px 0px 0px 80px;
			.main-top{
				ul{
					font-size: 18px;
					font-weight: bold;
					li{
						width: 110px;
						a{
							font-size: 14px;
							color: #000000;
						}
					}
				}
			}
			.main-middle{
				padding-top: 62px;
				ul{
					li{
						width: 122px;
						a{
							color: #7a7a7a;
						}
					}
				}
			}
			.main-bottom{
				ul{
					width: 620px;
					li{
						padding-top: 40px;
						.pp{
							font-size: 18px;
							font-weight: bold;
							color: #006c68;
						}
						p{
							color: #7a7a7a;
						}
					}
				}
			}
		}
	}
	footer{
		.footer-top{
			width: 1440px;
			height: 400px;
			padding-top: 40px;
			background-color: #f7f7f7;
			text-align: center;
			ul{
				display: inline-block;
				padding-left: 136px;
				li{
					width: 234px;
					text-align: center;
					position: relative;
					h4{}
					.zi{
						padding-bottom: 24px;
					}
					a{
						color: #3c3c3c;
						
						p{
							font-size: 14px;
						}
						.ppp{
							padding-bottom: 10px;
						}
					}
				}
				li::before{
					content: "";
					display: block;
					width: 1px;
					height: 215px;
					position: absolute;
					background-color: #b9b9b9;
					left: 0;
					top: 140px;
				}
			}
		}
		.footer-bottom{
			width: 1300px;
			height: 140px;
			color: #ffffff;
			padding-left: 140px;
			background-color: #3e3a39;
			position: relative;
			ul{
				padding-top: 36px;
				padding-left: 140;
				padding-bottom: 10px;
				display: inline-block;
				li{
					width: 180px;
					text-align: center;
					a{
						p{color: #ffffff;}
					}
				}
			}
			button{
				width: 100px;
				height: 25px;
				color: #ffffff;
				background-color: #45bbac;
				border: none;
				border-radius: 12.5px;
				position: absolute;
				top: 0;
				right: 0;
				margin-top: 60px;
				margin-right: 200px;
				
				
			}
			.h5{
				padding-left: 60px;
			}
			
		}
		.topcolor{
			width: 1440px;
			height: 60px;
			background-color: #231815;
		}
	}
}
